pnpm storybook:build fails with "createHash" is not exported by "__vite-browser-external" because @objectstack/core imports Node.js crypto in browser builds. Dev mode suffers from repeated 504 Outdated Optimize Dep errors causing blank preview iframes. CI workflow was missing package build steps and had no caching.

.storybook/main.ts

• Add viteCryptoStub() plugin — the stub already existed at scripts/vite-crypto-stub.ts and was used by apps/console, but was missing from the Storybook Vite config
• Add process.env/process.platform/process.version defines for browser compat (mirrors console config)
• Pre-bundle @objectstack/* runtime packages via optimizeDeps.include to eliminate dep discovery reloads on first page load
• Set build.target: 'esnext'

import { viteCryptoStub } from '../scripts/vite-crypto-stub';

// in viteFinal:
plugins: [viteCryptoStub()],
define: {
  'process.env': {},
  'process.platform': '"browser"',
  'process.version': '"0.0.0"',
},
optimizeDeps: {
  include: [
    '@objectstack/runtime',
    '@objectstack/objectql',
    '@objectstack/driver-memory',
    '@objectstack/plugin-msw',
    // ...
  ],
},

.github/workflows/storybook-tests.yml

• Split into two jobs: storybook-build (build verification, ~5min) → storybook-test (Playwright test-runner)
• Add pnpm build before Storybook — packages must be built first
• Add pnpm + turbo caching, --frozen-lockfile, permissions: contents: read
• Install only Chromium instead of all browsers

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.